@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.content-sidebar {
	margin-block-start: 16px;
	grid-row: 4 / span 1;

	@include break-wide {
		grid-column: 1 / span 12;
		display: grid;
		grid-template-columns: repeat(12, [col-start] minmax(0, 1fr));
		grid-gap: 32px;
		grid-column-gap: 24px;
	}
}

.content-sidebar__main-content {
	@include break-xlarge {
		grid-column: 1 / span 8;
	}
}

.content-sidebar__right-sidebar {
	@include break-xlarge {
		grid-column: 9 / span 4;
	}
}

header.current-section {
	padding: 0 16px;
}
